import { defineStore } from "pinia";
import { ref, computed } from "vue";


export const useCounterStore = defineStore("counter", () => {
    // 声明数据 state - count
    const count = ref(0)
    // 声明操作数据的方法 action
    const addCount = () => count.value++;
    const subCount = () => count.value--;
    // 声明基于数据派生的计算属性 getters
    const double = computed(() => count.value * 2)
    // 声明数据 state - msg
    const msg = ref("hi,pinia")

    return {
        count,
        addCount,
        subCount,
        double,
        msg
    }
}, {
    // persist: true // 开启当前模块持久化
    persist: {
        // 持久化存储的 key 值
        key: "counter",
        // 持久化的数据
        paths: ["count"],
        // 持久化的数据是否需要解密
        // storage: window.localStorage,
    }
});